<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="content-language" content="zh-CN" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="applicable-device" content="pc,mobile">
    <meta name="robots" content="all" />
    <meta name="save" content="history" />
    <meta name="author" content="admin@97560.com" />
    <meta name="Copyright" content="${site.siteName!}" />
    <title>${content.groupName!}_小组_${site.siteName!}    </title>
    <meta name="keywords" content="${content.groupName!}" />
    <meta name="description" content="[@text_cut s=content.groupDesc! len=225 append='...'/]" />
    <link rel="shortcut icon" href="https://demo.thinksaas.cn/favicon.ico" />
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="/vendors/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/vendors/fontawesome/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/default/css/base.css" />
    <link rel="stylesheet" type="text/css" href="/default/css/group_style.css">
    <link rel="stylesheet" type="text/css" href="/default/css/bootstrap-fileinput.css">
    <script src="/default/js/jquery.min.js"></script>
    <script src="/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/vendors/layer/layer.js" type="text/javascript"></script>
    <script src="/default/js/modules/group.js"></script>
</head>
<body>
[#include "pc/default/common/header_old.html"/]
<div class="container">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">首页</a></li>
            <li class="breadcrumb-item"><a href="/group/">小组</a></li>
            <li class="breadcrumb-item active" aria-current="page">${content.groupName!}</li>
        </ol>
    </nav>

    <div class="card">
        <div class="group_show">
            <div class="row">

                <div class="col-md-8">
                    <div class="media">
                        <img class="mr-3 rounded" src="https://demo.thinksaas.cn/cache/group/0/0/c4882eec6691eaacd3abd28830653b89.jpg?v=1603261662" alt="${content.groupName!}" width="70">
                        <div class="media-body">
                            <h1 class="mt-0 fw400 fs18 text-light">${content.groupName!}</h1>
                            <div class="fs12 text-light fw300">
                                <span class="mr-2">${content.countTopic!} 帖子</span>
                                <span>${content.countUser!} 成员</span>
                            </div>
                            <div class="fs12 text-light fw300 mt-1">
                                <span class="mr-2">创建于${content.createTime?string("yyyy-MM-dd HH:mm:ss")}</span>
                                组长：<a class="mr-2 text-light" href="#"  rel="face" uid="1">dddd</a>
                                管理员：
                                <a class="mr-2 text-light" href="#">ssss</a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="join">
                        [@fly_follow method="group" groupId=content.id]
                        <span><a class="btn btn-sm[#if group == 2] alert-warning[#elseif group == 1] alert-info[#elseif group == 0] btn-success[/#if]" id="follow-button" href="javascript:void('0');" data-group-id="${content.id!}" onclick="return false;">[#if group == 2]待审核中[#elseif group == 1]退出小组[#elseif group == 0]加入小组[/#if]</a></span>
                        [/@fly_follow]
                        <div style="margin-top: 10px;"><a class="btn btn-info btn-sm" href="/user/my/topic/${content.id}/create">发布帖子</a></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-body">
            <div class="text-black-50">${content.groupDesc!}</div>
            <div class="mt-2">
                <a class="badge badge-secondary mr-2 fw300" href="#">测试</a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card" >
                <div class="card-body" style="position: relative;">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>@fat</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td colspan="2">Larry the Bird</td>
                            <td>@twitter</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">成员 <small class="float-right"><a class="text-black-50" href="#">更多</a></small></div>
                <div class="card-body">
                    <div class="row">

                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>

<div class="container">
    <!--底部公共广告位开始-->
    <!--底部公共广告位结束-->
</div>

[#include "pc/default/common/footer.html"/]
</body>
</html>